<!-- Mis Zonas -->
<h2 class="acc_barra" id="miszonas"><a href="#">Mis Zonas</a></h2>
<div style="display: none;" class="acc_contenedor">
	<!-- MENU PRINCIPAL -->
	<div id="div_miszonasPpal">
		<!-- Inicio Barra Mis Zonas -->
		<div class="minimenu" id="minimenuMiszonasPpal">
		    <div id="barra_mis_zonas" class="barra_acordeon">
		      <ul>
		        <li><a href="javascript:" class="icono tildar" onclick="checkAllOptions('boxZones[]', true);" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'Seleccionar todas las zonas');" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
		        <li><a href="javascript:" class="icono destildar" onclick="checkAllOptions('boxZones[]', false);" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'No seleccionar ninguna zona');" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
		        <?php if($LOGIN->PERMISOS[8]){ ?>
		        <li><a href="javascript:" class="icono nueva_zona" onclick="cMapController.getMapActive().nuevaZona();" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'Crear una nueva zona');" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
		        <?php } ?>
		        <li><a href="javascript:" class="icono ver_zonas" onclick="cMapController.getMapActive().verZonasSeleccionadas();" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'Ver las zonas  seleccionadas');" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
		        <li><a href="javascript:" class="icono ocultar_zonas" onclick="cMapController.getMapActive().ocultarZonasSeleccionadas();" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'Ocultar las zonas seleccionadas');" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
		         <?php 
		         if($LOGIN->PERMISOS[8]){
	         		if (!$LOGIN->isBykom){ ?>
	       			 <li><a href="javascript:" class="icono zonas_visibles" onclick="defaultZonasSeleccionadas();" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'Configurar las zonas seleccionadas como visibles por defecto');" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
	        	<?php }?>
	        	<li><a href="javascript:" class="icono eliminar_zonas" onclick="eliminarZonas();" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'Eliminar las zonas seleccionadas');" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
		        <?php if ($LOGIN->objetivo == 3 && !$LOGIN->isBykom){?>
		        <li><a href="javascript:" class="icono publicar" onclick="publicarZonas(true);" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'Publicar las zonas seleccionadas', true);" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
		        <li><a href="javascript:" class="icono despublicar" onclick="publicarZonas(false);" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'No publicar las zonas seleccionados',true);" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
		         <?php } 
		         } ?>
		        <li class="ultimo"><a href="javascript:" class="icono z_a" id="orderBTNmisZonas" onclick="ordenarMisZonas();" onmouseover="minimenuInfoSet('minimenuMiszonasPpal', 'Ordenar alfabeticamente',true);" onmouseout="minimenuInfoSet('minimenuMiszonasPpal', '');"></a></li>
		        <li class="ultimo" style="display: none;"><a href="javascript:" class="icono z_a"></a></li>
		      </ul>
		    </div>
	    <div class="infoBar"></div>
		</div>
    <!-- Fin Barra Mis Zonas -->

	    <div class="block">
	     	<!-- CONTENIDO PRINCIPAL -->

				<table border="0" width="100%">
					<tr>
						<td>
							<div id="divListaZonas"></div>
						</td>
					</tr>
				</table>
		</div>
	</div>
	 <div id="div_nuevaZona" style="display:none" >
            <!-- MENU MODIFICAR/CREAR ZONA -->
            <div class="minimenu" id="minimenuMiszonasNew">
               <div  class="barra_acordeon">
		      	<ul>
            		 <li><a href="javascript:" class="icono volver" onclick="cMapController.getMapActive().cleanEstadoNuevaZona();" onmouseover="minimenuInfoSet('minimenuMiszonasNew', 'Volver al panel de administracion de zonas');" onmouseout="minimenuInfoSet('minimenuMiszonasNew', '');"></a></li>
                     <li><a href="javascript:" class="icono limpiar" onclick="javascript: if (document.getElementById('zonaIdHID').value=='') cMapController.getMapActive().cleanFormNuevaZona(); else cMapController.getMapActive().cleanFormModificarZona();" onmouseover="minimenuInfoSet('minimenuMiszonasNew', 'Limpiar zona');" onmouseout="minimenuInfoSet('minimenuMiszonasNew', '');"></a></li>
                     <li><a href="javascript:" class="icono deshacerUlt" onclick="cMapController.getMapActive().removeChangeNuevaZona();" onmouseover="minimenuInfoSet('minimenuMiszonasNew', 'Deshacer ultimo cambio');" onmouseout="minimenuInfoSet('minimenuMiszonasNew', '');"></a></li>
                     <li><a href="javascript:" class="icono centrar" onclick="cMapController.getMapActive().centrarNewZona();" onmouseover="minimenuInfoSet('minimenuMiszonasNew', 'Centrar el mapa en la zona creada');" onmouseout="minimenuInfoSet('minimenuMiszonasNew', '');"></a></li>
                     <li><a href="javascript:" class="icono guardar" onclick="guardarZona();" onmouseover="minimenuInfoSet('minimenuMiszonasNew', 'Guardar la zona creada');" onmouseout="minimenuInfoSet('minimenuMiszonasNew', '');"></a></li>
                </ul>
                </div>
                <div class="infoBar"></div>
            </div>
                <!-- CONTENIDO NUEVA ZONA -->
            <div class="block">
                <table border="0" width="100%">
                  <tr>
                  	<td colspan="2">
                       <span class="sectionTITLE" id="newZonaTitle"></span>
                       <input type="hidden" id="zonaIdHID" name="zonaIdHID" value="" />
                    </td>
                  </tr>
                  <tr>
                  	<td colspan="2">
                       <span class="sectionDESC" id="newZonaDesc"></span>
                       <hr/>
                       <div id="newZonaErrorDisplay" class="errorDisplay" style="display:none"></div>
                    </td>
                  </tr>
                  <tr>
                  	<td width="80">
                       <span class="inputLBL">Area:</span>
                    </td>
                    <td>
                       <span class="inputTEXT" id="zonaArea"></span>
                    </td>
                  </tr>
                  <tr>
                  	<td>
                       <span class="inputLBL">Nombre:</span>
                    </td>
                    <td>
                       <input type="text" name="nombreZona" id="nombreZona" class="gmapInputText" size="30" maxlength="100" value="">
                       <span class="campoObligatorio">*</span>
                    </td>
                  </tr>
                  <tr>
                  	<td valign="top">
                       <span class="inputLBL">Descripcion:</span>
                    </td>
                    <td>
                       <textarea name="descZona" id="descZona" cols="25" rows="3" class="gmapInputText"></textarea>
                    </td>
                  </tr>
                   <?php if($LOGIN->isBykom){ ?>
                      <tr>
	                  	<td valign="top">
	                       	<span class="inputLBL">Tolerancia:</span>
                        </td>
	                    <td>
	                    	<input class="gmapInputText" type="text" name="toleranciaMisZonas" id="toleranciaMisZonas" maxlength="100" value="<?=ZONAS_TOLERANCIA_DEFAULT?>"/>
	                       	<span class="campoObligatorio">*</span>
                        </td>
	                  </tr>
                    <?php }?>
                  <tr>
                  	<td valign="top">
                       <span class="inputLBL">Color:</span>
                    </td>
                    <td>
                       <input type="hidden" name="colorZonaId" id="colorZonaId" value="<?=COLOR_DEFAULT_ZONA_GMAP?>" onChange="cMapController.getMapActive().zonaChangeColor(this.value);">
         	              <input name="colorZonaText" id="colorZonaText" size="2"  class="colorPicker {valueElement:'colorZonaId', pickerPosition:'right'}">
					</td>
                  </tr>
                  <?php if ($LOGIN->objetivo == 3 && !$LOGIN->isBykom){?>
                  <tr>
                  	<td valign="top">
                       <span class="inputLBL">Publico:</span>
                    </td>
                    <td>
                      	 <input type="checkbox" id="zonaPublicaCHK" name="zonaPublicaCHK"/>
                       	 <img src="images/zonaPublica.gif" width="16" height="16" border="0"/>
                    </td>
                  </tr>
                  <?php } ?>
                </table>
                </div>
       </div>
</div>